.main {
  flex: 1;
  display: flex;
  flex-direction: column;
  height: 0;
  .event-log {
    flex: 1;
    display: flex;
    height: 0;
    border-bottom: 1px solid #dcdee2;
    @import "../interface/event";
    @import "../interface/log";
  }
  .free {
    flex: 1;
    display: flex;
    flex-direction: column;
    height: 0;
    border-bottom: 1px solid #dcdee2;
    .free-tab-wrap {
      display: flex;
      border-bottom: 1px solid #dcdee2;
      @import "../interface/free-tab";
      .free-tab-active {
        color: #2db7f5;
        background-color: #FFFFFF;
      }
    }
    .free-content {
      flex: 1;
      display: flex;
      height: 0;
      .free-content-left,
      .free-content-right {
        flex: 1;
        display: flex;
        width: 0;
        &>div {
          flex: 1;
        }
        @import "../interface/character-attribute";
        @import "../interface/bag.scss";
        @import "../interface/equipment";
        @import "../interface/free-empty";
      }
      .free-content-dividing {
        width: 1px;
        background-color: #dcdee2;
      }
    }
  }
  @import "../interface/major-attribute";
}